<template>
  <div >
    <van-form >
    <!-- 基本信息 -->
    <div v-if="fromdata.competitiveMode=='直签'" class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">干系人</span> 
    </div>
    <el-table v-if="fromdata.competitiveMode=='直签'" :data="fromdata.stakeholder" border style="width: 100%">
      <el-table-column prop="stakeholderOrg" label="单位" />
      <el-table-column prop="stakeholderCode" label="账号" />
      <el-table-column prop="stakeholderName" label="姓名" />
      <el-table-column prop="stakeholderTel" label="电话" />
      <el-table-column prop="stakeholderEmail" label="邮箱" />
      <el-table-column prop="stakeholderRole" label="角色" />
      <el-table-column prop="stakeholderDuty" label="职责" />
    </el-table>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">合同信息</span> 
    </div>
    <el-table :data="fromdata.contractInfo" border style="width: 100%">
      <el-table-column prop="contractIncExpType" label="收支类型" />
      <el-table-column prop="contractNo" label="合同编号" />
      <el-table-column prop="contractName" label="合同名称" />
      <el-table-column prop="contractExecutorName" label="主执行人姓名" />
      <el-table-column prop="contractSignedDate" label="计划签订时间" />
      <el-table-column prop="contractStatraDate" label="履行开始时间" />
      <el-table-column prop="contractEndDate" label="履行结束时间" />
      <el-table-column prop="amountTax" label="计划合同金额" />
    </el-table>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">合同交付进度计划</span> 
    </div>
    <el-table :data="fromdata.analysisDeliveryList" border style="width: 100%">
      <el-table-column prop="contractSerialNumber" label="合同流水号" />
      <el-table-column prop="deliveryPhase" label="交付阶段" />
      <el-table-column prop="contractSchedule" label="合同正文进度条款" />
      <el-table-column prop="deliveryDate" label="合同计划交付年月" />
      <el-table-column prop="contractDeadline" label="合同工期要求(天)" />
      <el-table-column prop="rests" label="其他" />
    </el-table>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">合同收款计划</span> 
    </div>
    <el-table :data="fromdata.analysisPayeeList" border style="width: 100%">
      <el-table-column prop="contractSerialNumber" label="合同流水号" />
      <el-table-column prop="paymentStage" label="付款阶段" />
      <el-table-column prop="paymentRatio" label="付款比例(%)" />
      <el-table-column prop="paymentLimit" label="收付款额度(元、含税)" />
      <el-table-column prop="contractTerms" label="合同正文收付款条款" />
      <el-table-column prop="advanceDate" label="预计付款日期" />
      <el-table-column prop="rests" label="其他" />
    </el-table>
    </van-form>
    <div style="padding-bottom: 42px"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  props: ['businessdata','fromdata','showHistory','historydata','approveList'],
  created() {

  },
  methods: {
  
  },
  computed: {

  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>